<!DOCTYPE html>
<html lang="en">
 <head> 
  <title>News, Latest News, Breaking News Headlines, Live Updates - Hi News </title>
  <meta name="description" content="Hi News Provides Latest English News and Exclusive Breaking News Headlines from India and around the World. Photos, live news coverage And Current News Headlines from Politics, Business, Bollywood, Cricket, Technology etc" /> 
  <link rel="publisher" href="https://plus.google.com/+HiNews" /> 
  <meta name="news_keywords" content="News, Latest News, Breaking News, Live TV, Today News, Current News, Current News Headlines, India News, Business News, Bollywood News, Sports News, Politics News, Trending topics, Top stories, News Website" /> 
  <link rel="canonical" href="https://${systemDomain}" />
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" /> 
  <link href="http://${systemDomain}/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
  <link href="/css/news/mobile_style.min.css" rel="stylesheet" /> 
  <link rel="stylesheet" href="/css/news/com_mobile_fontstyle.css" type="text/css" /> 
  <link href="/css/header/index.css" rel="stylesheet" type="text/css" />
  <link href="/css/news/news.css" rel="stylesheet" type="text/css" />
  <link href="/css/loading/loading.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="/js/news/jquery-1.10.2.min.js"></script> 
  <script type="text/javascript" src="/js/loading/p-pull-refresh.js"></script>
  <script type="text/javascript" src="/js/loading/touche.js"></script>
  <#include "/no_iframe.ftl">
 </head>
 <body>
  <script type="text/javascript" src="/js/footer_menu.js"></script>
  <#include "../top_banner.ftl">
  <div class="wrapper" id="wrapper">
   <div class="loading-warp" style="margin-top: -69px; height: 69px;" id="loading-warp"> 
    <div class="box"> 
     <div> 
      <img src="/images/loading.svg" /> 
      <span class="text"></span> 
     </div> 
    </div> 
   </div> 
   <article> 
    <section class="row gapLR mb10"> 
     <ul class="listing" id="news_list"> 
      <script type="text/javascript" src="/js/ads.js"></script>
      <#if newsList??>
      <#assign maxNewsTime=-1>
      <#assign currentIndex=0>
      <#list newsList as news>
      	<#assign currentIndex=currentIndex+1>
	    <#if news.addedTime gt maxNewsTime>
	      <#assign maxNewsTime=news.addedTime>
	    </#if>
      <li <#if news.img?? && news.imgList?? && news.imgList[0].width?? && news.imgList[0].width gt 400>class="commonBig"</#if>>      	
		<#if news.img?? && news.imgList?? && news.imgList[0].width?? && news.imgList[0].width gt 400>
		<a class="thumb" href="${news.url}" title="${news.title!''}">
			<img src="/images/loading.svg" data-original="${news.imgList[0].url}" alt="${news.imgList[0].width}" class="lazy" width="320" />
		</a> 
		<a class="titleB" href="${news.url}" title="${news.title!''}">
			<h3>${news.title!''}<img src="/sitesInfo/favicon?domain=${news.urlHost!''}" class="icon_img"/></h3>			
		</a> 
		<#else>		
		<a href="${news.url!''}" title="${news.title!''}"> 
			<#if news.img?? && news.imgList??>
			<span class="thumb">
				<img src="/images/loading.svg" data-original="${news.imgList[0].url}" alt="" class="lazy" />
			</span> 
			</#if>
			<h3>${news.title!''}<img src="/sitesInfo/favicon?domain=${news.urlHost!''}" class="icon_img"/></h3>
		</a> 
		</#if>      	
      </li> 
      <#if currentIndex==3 || currentIndex==7>
      <li>
      	<script type="text/javascript" src="/js/ads.js"></script>
      </li>
      </#if>
      </#list>
      </#if>
     </ul> 
     <div class="loading-warp-end" style="display:none" id="loading-warp-end-id"> 
	    <div class="box"> 
	     <div> 
	      <img src="/images/loading.svg" /> 
	     </div>
	    </div>
	 </div> 
    </section> 
   </article> 
   <#include "news_footer.ftl">
   <script src="/js/news/mobile-custom.js" type="text/javascript"></script> 
   <script src="/js/news/jquery.lazyload.js" type="text/javascript"></script> 
   <script type="text/javascript">  
	function lazyLoadEvent(){
		$(document).ready(function () { $(function () { $("img.lazy").lazyload({effect: "fadeIn", failure_limit: 20}); }); });
	}
	lazyLoadEvent();
   </script> 
   
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> 
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js"></script> 
   <script src="/js/news/jquery.liquid-slider.min.js"></script> 
   <script> /** * If you need to access the internal property or methods, use this: * var api = $.data( $('#main-slider')[0], 'liquidSlider'); * console.log(api); */ $(function(){ $('#main-slider').liquidSlider({ autoSlide:false, slideEaseDuration: 500 }); }); </script> 
   <script> window._izq = window._izq || []; window._izq.push(["init"]); </script> 
   <script src="/js/news/news.js"></script> 
  </div> 
  <script>
  	var maxNewsTime = ${maxNewsTime!-1};
  </script>
 </body>
</html>
